<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>注册用户</title>
    <style type="text/css">
        #con{
            background-color:darkseagreen;
            width: 320px;
            /*height: 360px;*/
            padding: 20px;
            margin: 150px auto;
            opacity:0.7;
            /*border:2px solid darkslategray;*/
            border-radius:15px;
        }
        ul li{  list-style: none;  }
        a{
            text-decoration: none;
        }


        body{
            background: url(../static/img/BG.png) no-repeat center 0;
            background-size:100% 658px;
        }
    </style>

</head>
<body>
<div id="con"  >
    <form name="form" accept-charset="utf-8"  action="/register_user" method="post">
        <ul >
            <li>
                <label  class="input-tips2">用户名：</label>
                <div class="inputOuter2">
                    <input type="text" name="username" maxlength="16" />
                </div>
            </li>
            <li>
                <label class="input-tips2">密码：</label>
                <div >
                    <input type="password"  name="password" maxlength="16"/>
                </div>
            </li>
            <li>
                <label class="input-tips2">角色：</label>
                <div >
<!--                    <input name="useright" maxlength="20"/>-->
                    <select name="useright">
                        <option value ="1">学生</option>
                        <option value ="2">老师</option>
                    </select>
                </div>
            </li>
            <li>
                <label  class="input-tips2">邮箱：</label>
                <div >
                    <input  name="useremail" maxlength="20"/>
                </div>
            </li>
            <li>
                <div >
                    <input type="submit" value="注册"/>&nbsp;&nbsp;<a href="/login">登录</a>
<!--                    <div th:utext="${statusinfo}"></div>-->
                </div>
            </li>
        </ul>
    </form>
</div>
</body>
</html>

